﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <script src="~/js/frame.js"></script>
</head>
<body>
    <div class="framecontainer">
        <div class="listcontainer">
            <div class="searchop">
                <div class="btnop">
                    <input id="TenantName" type="text" class="form-control searchinput" placeholder="请输入租户名称">
                    <button class="btn" type="button" onclick="BindGrid()"><i class="icon icon-search"></i><span class="searchtext">查询</span></button>
                </div>
                <div class="btnop">
                 
                </div>
            </div>
            <div class="tableop">
                <table class="GridStyle" id="CloudGrid" keyid="TenantID" url="oplist" relationpageid="cloudpagination" otherparm="SearchParm" afterbind="AfterBindData">
                    <tr class="HeaderStyle">
                        <th scope="col" style="width: 10px;" field="index" rowalign="center">序</th>
                        <th scope="col" style="width: 200px;" field="TenantName" rowalign="left">租户名称</th>
                        <th scope="col" field="TenantExplan" rowalign="left">租户备注</th>
                        <th scope="col" style="width: 100px;" field="function" functionname="GetTenantStaus" rowalign="center">租户状态</th>
                        <th scope="col" style="width: 50px;" field="SortNum" rowalign="center">排序</th>
                        <th scope="col" style="width: 50px;" field="EditButton" functionname="Select" rowalign="center">选择</th>
                    </tr>
                </table>
            </div>
            <div class="bottomop">
                <div class="pageop">
                    <ul class="pagination" id="cloudpagination"></ul>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            BindGrid();
        })
        function BindGrid() {
            BindCloudGrid($("#CloudGrid"))
        }

        function SearchParm() {
            return {
                "TenantName": $("#TenantName").val(),
            };
        }
        function AfterBindData() {

        }
        function GetTenantStaus(RowData) {
            if (RowData.Status == 100) {
                return "<span>启用</span>";
            } else {
                return "<span>禁用</span>";
            }
        }
        function Select(RowData) {
            CloseDialog(RowData)
        }
    </script>
</body>
</html>
